article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
*{-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
html,body,h1,h2,h3,h4,p,dl,dt,dd,ul,ol,li,form,input,textarea,select,label,table,td,div,span,a{margin:0;padding:0;outline:0;font-size:100%;background:transparent}
html,body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;font-family:Helvetica,Tahoma,Verdana,"Microsoft Yahei",simsun,SimHei,Arial,sans-serif;position:relative}
table{border-collapse:collapse;border-spacing:0}
ul,ol,li{list-style:none}
template{display:none}
input,button,textarea{font-family:inherit}
input,select{}
select{-webkit-appearance:none}
textarea{resize:none}
img,a img{border:0}
a,a:hover{text-decoration:none}
i,em,b{font-style:normal;font-weight:400}
input,textarea{-webkit-user-select:auto}
.show{display:block!important}
.hide{display:none!important}
.hidden{visibility:hidden!important}
.visible{visibility:visible!important}
button,input[type=button],input[type=reset],input[type=submit],input[type=search]{-webkit-appearance:none}
input[type=search]{-webkit-box-sizing:content-box;font-size:100%}
input::-webkit-search-decoration,input::-webkit-search-cancel-button{display:none}
*{outline:0 none!important;-webkit-tap-highlight-color:transparent}
@font-face{font-family:icon;src:url(http://s.map.qq.com/mobilemap/common/fonts/icon_f8c63a1.woff) format('woff'),url(http://s.map.qq.com/mobilemap/common/fonts/icon_27c582a.ttf) format('truetype');font-weight:400;font-style:normal}
[class^=icon-],[class*=" icon-"]{font-family:icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-addition:before{content:"\e604"}
.icon-fold:before{content:"\e605"}
.icon-arrowhead-go-left:before{content:"\e606"}
.icon-arrowhead-go-right:before{content:"\e607"}
.icon-arrowhead-go-straight:before{content:"\e608"}
.icon-arrowhead-turn-around:before{content:"\e609"}
.icon-arrowhead-turn-left:before{content:"\e60a"}
.icon-arrowhead-turn-right:before{content:"\e60b"}
.icon-arrowhead-turn-right-around:before{content:"\e60c"}
.icon-expand:before{content:"\e60d"}
.icon-bus-transfer:before{content:"\e60e"}
.icon-clear-input:before{content:"\e60f"}
.icon-e-station:before{content:"\e610"}
.icon-history:before{content:"\e611"}
.icon-jiejing:before{content:"\e600"}
.icon-line-bus:before{content:"\e612"}
.icon-line-subway:before{content:"\e613"}
.icon-location:before{content:"\e614"}
.icon-map:before{content:"\e601"}
.icon-more-s:before{content:"\e615"}
.icon-nav:before{content:"\e616"}
.icon-nearby:before{content:"\e617"}
.icon-screening:before{content:"\e619"}
.icon-search:before{content:"\e61a"}
.icon-s-station:before{content:"\e61b"}
.icon-star:before{content:"\e61c"}
.icon-about:before{content:"\e61d"}
.icon-amusement:before{content:"\e61e"}
.icon-right:before{content:"\e618"}
.icon-arrow-left:before{content:"\e603"}
.icon-arrow-up2:before{content:"\e620"}
.icon-bank:before{content:"\e621"}
.icon-bus:before{content:"\e622"}
.icon-change-city:before{content:"\e623"}
.icon-close:before{content:"\e624"}
.icon-download-app:before{content:"\e625"}
.icon-exchange:before{content:"\e626"}
.icon-feedback:before{content:"\e627"}
.icon-food:before{content:"\e628"}
.icon-gas-station:before{content:"\e629"}
.icon-go2top:before{content:"\e62a"}
.icon-hotel:before{content:"\e62b"}
.icon-i-bus:before{content:"\e62c"}
.icon-i-drive:before{content:"\e62d"}
.icon-i-walk:before{content:"\e62e"}
.icon-jiejing2:before{content:"\e602"}
.icon-life:before{content:"\e62f"}
.icon-list:before{content:"\e630"}
.icon-teng:before{content:"\817e"}
.icon-xun:before{content:"\8baf"}
.icon-di:before{content:"\5730"}
.icon-tu:before{content:"\56fe"}
.icon-more:before{content:"\e635"}
.icon-nav2:before{content:"\e636"}
.icon-nearby2:before{content:"\e637"}
.icon-parking-lot:before{content:"\e638"}
.icon-positioning:before{content:"\e63a"}
.icon-positioning-2:before{content:"\e63b"}
.icon-scenic-spot:before{content:"\e63c"}
.icon-subway:before{content:"\e63d"}
.icon-traffic-light:before{content:"\e63e"}
.icon-voice:before{content:"\e63f"}
.icon-wawa:before{content:"\e640"}
.icon-zoom-in:before{content:"\e642"}
.icon-zoom-out:before{content:"\e641"}
.icon-star-list:before{content:"\e61c\e61c\e61c\e61c\e61c";letter-spacing:2px}
.icon-arrow:before{content:"\e603"}
.icon-arrow.up{-webkit-transform:rotateZ(-90deg)}
.icon-arrow.down{-webkit-transform:rotateZ(90deg)}
.icon-arrow.right{-webkit-transform:rotateZ(180deg)}
.icon-my-pos-dir{display:block;background:url(http://s.map.qq.com/mobilemap/common/images/location_b9d35ce.png) no-repeat center center;background-size:27px 27px;width:27px;height:27px}
.icon-my-pos{display:block;background:url(http://s.map.qq.com/mobilemap/common/images/location_2_e7ba794.png) no-repeat center center;background-size:16px 16px;width:27px;height:27px}
.icon-maker{background:url(http://s.map.qq.com/mobilemap/common/images/marker_010c223.png) no-repeat center center;background-size:26px 36px}
html,body,#wrapper,#pager,#pages-container{height:100%}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.fl,.l,.left{float:left!important}
.fr,.r,.right{float:right!important}
.masking{z-index:100000;position:absolute;width:100%;height:100%;background:rgba(64,64,64,.8);left:0;top:0}
#pages-container .header{background:#fff;color:#333;font-size:18px;font-weight:700;line-height:46px;text-align:center;border-bottom:1px #b4b4b4 solid;position:relative}
#pages-container .header .sub{font-size:12px}
#pages-container .header .icon-arrow,#pages-container .header .action{color:#0079ff;position:absolute;line-height:inherit}
#pages-container .header .icon-arrow:active,#pages-container .header .action:active{color:rgba(0,121,255,.65)}
#pages-container .header .icon-arrow{left:10px;font-size:30px}
#pages-container .header .icon-arrow-left{position:absolute;left:10px;top:50%;margin-top:-15px;width:30px;height:30px;line-height:30px;font-size:30px;color:#0079ff;overflow:hidden}
#pages-container .header .action{right:18px;font-size:16px;font-weight:400}
.active-darker:active{background-color:rgba(0,0,0,.05)}
.active-text-lighter:active{color:rgba(0,121,255,.65)!important}


#container{ width: 100%; height: 60%;}
#container-full{ width: 100%; height: 100%;}
.info-layer{ position: absolute; height: auto; left: 0; bottom: 0; background: #fff; width: 100%; border-top: 1px solid #d3d3d3;}
.info-layer-wrap{ margin: 15px 15px; height: 18px; overflow: hidden;}
.info-layer h2{ font-size: 16px; color: #333; line-height: 18px; padding-bottom: 10px; height: 18px;}
.info-layer p{ font-size: 12px; color: #333; line-height: 20px;}
.about-info{ display: -webkit-box; border-radius: 4px; border: 1px solid #0079ff; background-color: #fff; margin-top: 10px;}
.about-info li{ -webkit-box-flex: 1; box-flex: 1; border-right: 1px solid #0079ff; box-sizing: border-box;}
.about-info li:last-child { border-right: 0 none;}
.about-info li a{ display: block; height: 30px; line-height: 30px; text-align: center; color: #0079ff; font-size: 12px;}
.about-info li a i{ font-size: 16px; display: inline-block; vertical-align: -2px; margin-right: 6px;}
.slide{ width: 20px; height: 20px; position: absolute; right: 10px; top: 12px; font-size: 20px;}

.info-mask{ width: 100%; height: auto; min-height: 100%; position: absolute; left: 0; top: 0; display: none; opacity: 0;}
.map-container-wrap{ height: 150px; width: 100%; overflow: hidden; }
.lk-info-tabs{ width: 100%; border-top: 1px solid #dad8dd; }
.lk-info-title{ width: 100%; height: 25px; line-height: 25px; font-size: 12px; text-indent: 15px;}
.lk-info-tabwrap{ display: table; width: 100%; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6;}
.lk-info-tab{ display: table-cell; color: #2d7cfe; padding: 10px 0; border-right: 1px solid #b6b6b6;}
.lk-info-tab:last-child{ border-right: none; }
.lk-info-wrap{ overflow-y: auto; }
.lk-info-icon{ width: 40%; height: auto; position: relative; margin: auto;}
.lk-info-con{ width: 100%; display: none;}
.lk-con1{ display: block; overflow-y: auto;}
.lk-info-con li{ display: block; margin-left: 15px;  position: relative; line-height: 1.5em; padding: 10px 10px 10px 25px; border-bottom: 1px solid #b6b6b6; color: #6b6b6b;}
.lk-info-con li span{ position: absolute; width: 15px; height: auto; top: 10px; left: 0; text-align: left; font-size: 20px; }
.lk-info-con li:last-child{ border-bottom: 0; }

.lk-info-icon-wrap{ width: 100%; padding-bottom: 69%; background-image: url(../img/tab1.png); background-size: 100% auto;}
.lk-tab1 .lk-info-icon-wrap{ background-image: url(../img/tab1.png); }
.lk-tab2 .lk-info-icon-wrap{ background-image: url(../img/tab2.png); }
.lk-tab3 .lk-info-icon-wrap{ background-image: url(../img/tab3.png); }
.lk-info-tab.selected{ color: #ff658d; }
.lk-info-tab.selected .lk-info-icon-wrap{ background-position: 0 100%; }
.lk-info-txt{ width: 100%; padding-top: 10px; text-align: center; }
.lk-cancel-btn{ text-align: center; padding: 10px 0; border-top: 1px solid #dad8dd;}

.color-wrap{ position: absolute; width: auto; right: 5px; top: 0; }
.color-wrap span{ display: inline-block; font-size: 12px; color: #fff; padding: 0 5px; text-shadow: 1px 1px 1px #000;}
.color-wrap span.c1{ background-color: rgba(222, 0, 0, 0.7); }
.color-wrap span.c2{ background-color: rgba(255, 204, 0, 0.7); }
.color-wrap span.c3{ background-color: rgba(51, 177, 0, 0.7); }

.map-toolbar{ width: 100%; display: table; position: absolute; left: 0; bottom: 0; border-top: 1px solid #dad8dd; background: #fff;}
.map-toolbar-box{ display: table-cell; padding: 2px 0; text-align: center; color: #6e8fee; border-right: 1px solid #dad8dd; font-size: 12px;}
.map-toolbar-box:last-child{ border-right: 0; }
.map-toolbar-box i{ font-size: 20px; }
.map-detail{  }